<template>
  <div>
    <h2>Home</h2>
    <router-link
      :to="{
        name: 'news',
      }"
      >new</router-link
    >
    <router-link
      :to="{
        name: 'music',
        params: {
          id: '1',
          time: undefined,
        },
      }"
      >华语歌</router-link
    >

    <router-link
      :to="{
        name: 'music',
        params: {
          id: '2',
        },
      }"
      >粤语歌</router-link
    >

    <router-link
      :to="{
        name: 'music',
        params: {
          id: '3',
          time: undefined,
        },
      }"
      >英语歌</router-link
    >

    <router-link
      :to="{
        name: 'game',
        query: {
          tit: 'Elden ring',
          publisher: '粉丝社',
        },
      }"
      >游戏1</router-link
    >

    <router-link
      :to="{
        name: 'game',
        query: {
          tit: 'Devil May Cry',
          publisher: 'Capcom',
        },
      }"
      >游戏2</router-link
    >

    <router-view></router-view>
  </div>
</template>

<script>
export default {
  name: "Home",
};
</script>

<style>
</style>